<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.oncontextmenu = function(e){
            //方法阻止掉原有的右键菜单
            e.preventDefault()
            let menu = document.getElementById('menu')
            menu.style.left = e.clientX + "px"
            menu.style.top = e.clientY + "px"
        }
    </script>
    <style>
        #menu{
            width: 130px;border: 1px solid black; position: absolute;top: -500px;
        }
    </style>
</head>
<body>
首先，实现右键菜单我们需要用到 oncontextmenu事件,oncontextmenu事件会在用户右击鼠标时触发。
我们将其绑定到 window上： window.oncontextmenu
然后，通过event.preventDefault() 方法阻止掉原有的右键菜单，为我们绑定上新的功能做好准备工作。
<div id="menu">
    <div>菜单</div>
    <div>功能1</div>
    <div>功能1</div>
    <div>功能1</div>
    <div>功能1</div>
    <div>功能1</div>
</div>
</body>
</html>
